/** head */
.header{ height:auto; position:relative; z-index:999; background:#fff url(/uiFramework/commonResource/image/2021080316294270378.png) center top no-repeat;}
.banner,.banner-index{position:relative; height:280px; background:none;}
.banner-index-cont{position:absolute; left:0; top:-5px; width:100%; }
.banner-cont{ position:absolute; left:0; top:-5px;}/** header*/
.banner-index{ height:237px; overflow:hidden; position:relative;}
.header-top-webname{ position:absolute; top:0px; left:0px; height:40px; line-height:40px; text-indent:1em; }
.header-top-webname h1{font-weight:normal;text-transform:uppercase;}
.header-top-searchandother{ position:absolute; top:0px; left:0px; height:30px; padding:7px 10px 0px 10px; width:986px; display:block; overflow:hidden; }
/** general-nav */
.header-list-wrap{ width:1000px; margin-left:auto; margin-right:auto;}
.genal-bg,.general-menu li{background: url(/uiFramework/commonResource/image/2021080316433516600.png)  no-repeat; text-align:center; font-size:12px;}
.general-nav{ height:34px; line-height:34px; overflow:hidden; background-repeat:repeat-x;  }
.general-lngov{ float:left; padding-top:3px;text-decoration: none;color: #373737;font-weight:bold;}
.general-menu{ float:right; *zoom:1; overflow:hidden;}
.general-menu li{ float:left; height:29px; padding-top:2px; display:block; font-size:12px;}
.general-menu li.sp2{ padding-left:10px; padding-right:10px; padding-top:5px; }.general-menu li.sp3{background-position: 0px -148px; padding-left:20px; padding-right:15px; }.general-menu li.sp3 a{font-size:12px;}
.general-menu li.sp4{background-position: 0px -121px; padding-left:20px; }.general-menu li.sp4 a{ display:block; background-position: 58px -126px; padding-right:8px;}
.genal-ipt-c{ padding-top:4px; line-height:normal;}.general-bg-search{ margin-top:2px; background-position: 0px -92px; width:160px; height:21px; display:block; text-align:left; overflow:hidden;}
.genal-txtcont{ width:140px; float:left;}.genal-btncont{ float:left; width:20px;}.general-menu input.txt{width: 130px; padding:3px 2px 3px 8px; padding:2px 2px 2px 8px\9;  _padding:2px 2px 2px 8px;  background-color:transparent; border:none; font:12px/1.2 Tahoma,SimSun,Arial; outline:none; }.general-menu input.btn{width: 20px;height: 21px;border:0px;background: #eae3cf;color: #644a04; outline:none; cursor:pointer;filter:alpha(opacity=0);opacity:0; }


.header-top-searchandother li{ float:left;}
.h-tsear1{ overflow:hidden;}
.sear-line{ line-height:22px; color:#25427b;}
.sear-int-mod{ width:248px; height:23px; border:1px #d1d8e5 solid; background:#fff;}
.txt-search{ width:248px; padding:5px 3px 0px 5px; border:none; background:none; outline:none; color:#9e9e9e; }
.btn-search{ width:67px; height:27px; border:none; color:#43464d; cursor:pointer;}
.h-tsear1-1{ padding:0px 2px;}
.h-tsear2{ line-height:22px; line-height:30px; color:#575757}
.h-tsear2 a:link,.h-tsear2 a:visited{ color:#25427b;}
.header-title{position:absolute; top:50px; left:0px; width:600px; height:140px;  font-size:30px; }
.header-title1{position:absolute; top:95px; left:150px; width:720px;  font-size:24px; }
.header-title h1{color:#1b3b78; font-family: Arial,tohama,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif; font-weight:normal; text-transform:uppercase; line-height:36px;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; 
-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;  
*filter: Glow(Color=#fff, Strength=2); 
/*text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*/  }
.header-title h2{ font-size:16px; color:#1b3b78; font-family: Arial,tohama,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;font-weight:normal;
-webkit-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0; 
-moz-text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;
text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;  
*filter: Glow(Color=#fff, Strength=2); 
/*text-shadow:#fff 2px 0 0,#fff 0 2px 0,#fff -2px 0 0,#fff 0 -2px 0;*/}
/** nav */
.nav-main{   height:46px;position:relative; }
.nav{ height:38px; padding-top:8px; _padding-top:9px; padding-left:10px; width:993px; background:url(/uiFramework/commonResource/image/2021080316472836574.png) no-repeat; clear:both;  position:relative; margin-left:auto; margin-right:auto; z-index:999; overflow: hidden;}
.nav dt,.nav dt a{  float:left;display:block;  font-weight:bold; width:107px; height:38px; line-height:38px; font-size:14px; text-align:center; 
-webkit-text-shadow:#740002 0px 0 0,#740002 0 2px 0,#740002 0px 0 0,#740002 0 0px 0; 
-moz-text-shadow:#740002 0px 0 0,#740002 0 2px 0,#740002 0px 0 0,#740002 0 0px 0;
text-shadow:#740002 0px 0 0,#740002 0 2px 0,#740002 0px 0 0,#740002 0 0px 0;  
*filter: Glow(Color=#740002, Strength=1);}
.nav dt a{font-family:"宋体",Arial,tohama,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
.nav dt.c2c-esb,.nav dt.c2c-esb a{ width:120px;}
.nav dt.b2b-esb,.nav dt.b2b-esb a{ width:200px;}
.nav dt.d2d-esb,.nav dt.d2d-esb a{ width:120px;}
.nav dt a,.nav dt a:visited{ color:#fff; display:block; overflow:hidden; }
.nav dt a:hover,.nav dt a.on{ background:url(/uiFramework/commonResource/image/2021080316513056861.png) no-repeat bottom; color:#bf0003;text-shadow:none;}.nav-pop a:link,.nav-pop a:visited{ color:#540f14;}
.nav dd{ text-align:left; display:none; position:absolute; left:0; top:48px; }
.nav .nav-pop{ color:#fff;  }.nav-pop a{ padding:0px 0px;}
.nav .nav-pop li,.nav .nav-pop li a{ text-align:center; height:24px; line-height:24px; display:block;   color:#fff; }
.nav .nav-pop li a:link,.nav .nav-pop li a:visited{background:#1b3b78; filter:alpha(opacity=70);opacity:0.7;}
.nav .nav-pop li a:hover{background:#1b3b78; filter:alpha(opacity=100);opacity:1; }
.nav .nav-pop1{ left:96px; width:216px; }
.nav .nav-pop2{ left:182px; width:86px;}
.nav .nav-pop3{ left:317px; width:200px;}
.nav .nav-pop4{ left:517px; width:135px;}
.nav .nav-pop5{ left:652px; width:200px;}
.nav .nav-pop6{ left:772px; width:210px;}
.nav .nav-pop7{ left:354px; width:126px;}
.nav .nav-pop8{ left:480px; width:86px;}
.nav dt{_height:39px; overflow:hidden;}

.top-nav-phone {
    display: none;
}
.top-info-box {
    background-color: #DE0002;
    position: relative;
}
.top-info-box .comwidth{ padding: 15px 0;width: 92%;margin: 0 auto;}
.top-nav{padding:25px 0;}
.top-info-box .en-web{float:right;width:42px;height:42px;line-height:42px;font-size:20px;color:#DE0002;background-color:#fff;border-radius:50%;text-align:center;margin-left:25px;}
.top-info-box .web-login{float:left;border-radius:42px;background-color:#fff;height:42px;position:relative;}
.top-info-box .web-login span{line-height:42px;color:#DE0002;font-size:20px;padding-left: 25px;}
.top-info-box .web-login b{display:inline-block;border:8px solid #fff;border-top:8px solid #f8b600;vertical-align:middle;margin-left: 9px;cursor:pointer;margin-right: 20px;}
.top-info-box .web-login ul{position:absolute;top: 43px;left: 0;width:100%;border-radius: 15px;overflow: hidden;background-color:#fff;display:none;z-index:9;}
.top-info-box .web-login ul li{width:90%;margin: 0 auto;;line-height:38px;text-align:center;border-bottom:1px dashed #c1c1c1;}
.top-info-box .web-login ul li:last-of-type{border-bottom:none;}
.top-info-box .web-login ul a{color:#DE0002;font-size:16px;}
.top-info-box form{overflow:hidden;float:left;border:1px solid #ddd;border-radius:42px;padding:0 5px;margin-right:25px;}
.top-info-box form input {display:inline-block;line-height: 42px;width:200px;color:#ddd;padding:0 20px;}
.top-info-box form button{display:inline-block;background: none;border: none;vertical-align:middle;}
.top-info-box .web-login:hover ul{display:block;}

#RightAd{right:100px;POSITION:fixed;TOP:420px;}

@media screen and (min-width:1440px){ /*大于等于1440*/
  
}
@media screen and (max-width:1024px){    
      
}
@media screen and (max-width:768px){
.header{background: #fff url(/uiFramework/commonResource/image/2021080316294270378.png) center 21px no-repeat;}
.header-list-wrap{width:100%;}
.banner-index{height: 17vh;}
.general-nav{    z-index: 999; margin-top:1rem;}
.general-lngov{width:25%;text-align: left; display: none;}
.nav-main,.general-menu li.sp2{display:none;}
.general-menu{width:70%;float:left;}

.top-nav-phone {
    display: block;
}
    .top-info-box{position: fixed;z-index: 999;width: 100%;top: 0;}
    .top-nav-phone .phone-logo-box{display:block;overflow:hidden;text-align: justify;}
    .top-nav-phone .phone-logo-box::after{content:'';display: inline-block;width:100%;}
    .top-nav-phone .phone-logo-box .pagelogo{display:inline-block;width:40%;vertical-align:middle;}
    .top-nav-phone .phone-logo-box .pagelogo img{display: block;width:100%;}
    .top-nav-phone .phone-logo-box .nav-button{display: inline-block;vertical-align: middle;box-sizing:border-box;}
    .top-nav-phone .phone-logo-box .nav-button ul li{width:30px;height:2px;background:#fff;margin:6px auto;transition:all 0.3s;border-radius: 10px;overflow: hidden;}
    .top-nav-phone .phone-logo-box .nav-button ul:hover{cursor:pointer;}
    .top-nav-phone .phone-logo-box .nav-button.active li:nth-child(2){opacity:0;}
    .top-nav-phone .phone-logo-box .nav-button.active li:nth-child(1){transform: translateY(7px) rotate(45deg);}
    .top-nav-phone .phone-logo-box .nav-button.active li:nth-child(3){transform: translateY(-10px) rotate(-45deg);}
  
    .top-nav-phone .top-info-box{transform: translate(0%, 0%);display: block;}
    .top-nav-phone .top-nav{float: none;clear:both;position: absolute;overflow: hidden;top: 100%;left: 0;z-index: 999;background: #DE0002;width: 100%;display: none;}
    .top-nav-phone .top-nav .fr{float:none;padding-top: 20px;}
    .top-nav-phone .top-nav .fr .en-web,.top-nav-phone .top-nav .fr .web-login{display: none;}
    .top-nav-phone .top-nav .fr form{width:90%;overflow:hidden;float: none;box-sizing:border-box;margin:0 auto;}
    .top-nav-phone .top-nav .fr form button{float: right;height: 42px;}
    .top-nav-phone .top-nav .fr form input{float: left;width:calc(100% - 46px);box-sizing: border-box;}
    .top-nav-phone .top-nav .fr form button img{vertical-align: middle;}
    .top-nav-phone .top-nav #top-nav-phone{display: block;clear: both;padding-bottom:40px;}
    .top-nav-phone .top-nav #top-nav-phone li{float: none;text-align: center;width:90%;border-bottom:1px dashed #fff;;margin: 0 auto;line-height:46px;}
    .top-nav-phone .top-nav #top-nav-phone li a{color:#fff;}




}
@media screen and (max-width:360px){
    .general-lngov{width:;}
}
@media screen and (max-width:320px){
    
}